@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
a{
    color:#8b8b8b;
}
body{
    background:#f5f5f5;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

.main{
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: auto;

     >.banner{
         position: relative;
         width:100%;
         
         >img{
             width:100%;
         }
         >.zhezao{
             font-size: 0;
             display: flex;
             display: -webkit-flex;
             flex-direction: column;
             justify-content: center;
            //  justify-content: space-between;
             align-items:center;
                position: absolute;
                bottom:0;
                width:100%;
                height:r(104);
                background:rgba(0,0,0,.5);
                >span{
                    // display: inline-block;
                    width:r(590);
                    text-align: left;
                    font-size:r(26);
                    color:#fff;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
               
                >div{
                    width:r(590);
                    display: flex;
                    display: -webkit-flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items:center;
                    align-content: center;
                    >div{
                        width:r(23);
                        img{
                            width:100%;
                        }
                    }
                   
                    >span{
                        text-align: left;
                    font-size:r(26);
                    color:#fff;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    }
                    >span:nth-of-type(1){
                        margin-right:r(45);
                    }
                    >.date{
                        font-size:r(23);
                        text-align: right;
                        padding-right:r(20);
                        flex-grow: 1;
                    }
                    >.gkl{
                        font-size:r(23);
                    }
                }
         }//zhezao
    
     }//banner
     .txt_content{
             background:#fff;
            width:100%;
            >.contentA{
                margin:0 auto;
                margin-top:r(22);
                width:r(584);
                display: flex;
                display: -webkit-flex;
                justify-content:space-between;
                flex-direction: row;
                padding-top:r(18);
                padding-bottom:r(30);
                border-bottom:#ddd 1px solid;
                >.lcontent{
                    height:r(145);
                    display: flex;
                    display:-webkit-flex;
                    flex-direction: column;

                    >h3{
                        font-size:r(26);
                        color:#000;
                        width:r(345);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    >.p_txt{
                        width:r(345);
                        font-size:r(22);
                        overflow: hidden;
                        text-overflow:ellipsis;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                    }
                    >.l_b_content{
                        display: flex;
                        display:-webkit-flex;
                        flex-direction: row;
                        justify-content: center;
                        margin-top:r(25);
                        .txt_date{
                            flex-grow: 1;
                            text-align: right;
                            padding-right:r(18);
                        }
                        >div{
                            width:r(25);
                            margin-right:r(10);
                            >img{
                                width:100%;
                            }
                        }
                        >span{

                            font-size:r(20);
                            color:#c5c5c5;
                        }
                        .txt_gk{

                            // flex-grow: 1;
                            text-align: right;
                        }
                    }
                }
            }//left
            .contentA:first-child{
                padding-top:r(23);
                margin-top:0;
                // margin-bottom:33px;
            }
            .contentA:last-child{
                border:none;
            }
            .rcontent{
                height:r(145);
                width:r(210);
                >a{
                    >img{
                        width:100%;
                    }
                }
              
            }//right
          
     }//txt_content
     >p{
        
        font-size:r(22);
        color:#bababa;
        padding:r(20) 0;
        margin:0 auto;
        text-align: center;
        border-top:#ddd 1px solid;
        background: #fff;
    }
    }//main
}//web